<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2730483" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">电报2</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">推特1</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">地点</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">邮轮游艇</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">符号-邮箱</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb64;</span>
                <div class="name">节点管理</div>
                <div class="code-name">&amp;#xeb64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">swap</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">节点</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">竞速</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">linear-new-medic-health-heart-cardiogram</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">linear-new-symbol-share</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">店铺-fill</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">购卡记录icon</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">店铺主页</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">外币失败重发</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">付款管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f5;</span>
                <div class="name">315指向上</div>
                <div class="code-name">&amp;#xe8f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f6;</span>
                <div class="name">314指向下</div>
                <div class="code-name">&amp;#xe8f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">ZS打赏总额</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">账户余额</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">virus_4</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">集团客户管理</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">三角形</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">上下切换</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">上下切换</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">多语言</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">查看详情更多</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">定位 2</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">ic_Bargaining</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">ic_arrow</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">ic_member</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">ic_ discount</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">ic_badge</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">ic_apple</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">ic_close</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">ic_badge1-2</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">ic_camera</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">ic_clock</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">ic_badge1</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">ic_close-2</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">ic_Complete Select</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">ic_complete</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">ic_crown1 3</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">ic_customer service1</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">ic_box</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">ic_batch</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">ic_daifahuo</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">ic_coupon</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">ic_customer service</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">ic_copy</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">ic_daipingji2</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">ic_daifukuan</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">ic_daifukuan1</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">ic_daifahuo1</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">ic_collection</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">ic_daipingjia</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">ic_Disable</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">ic_daishouhuo2</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">ic_commodity</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">ic_down</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">ic_daituikuan2</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">ic_daifahuo2</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">ic_daituikuan</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">ic_daishouhuo1</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">ic_edit</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">ic_daifukuan2</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">ic_Eyes</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">ic_delete</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">ic_daishouhuo</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">ic_down2</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">ic_eye</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">ic_expression</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">ic_gold1</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">ic_fire</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">ic_gift1</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">ic_fire 1</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">ic_increase</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">ic_left</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">ic_ic_order for goods1</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">ic_left2</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">ic_horn</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">ic_learn1</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">ic_daituikuan1</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">ic_location1</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">ic_location4</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">ic_gold</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">ic_daipingjia1</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">ic_location4-2</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">ic_badge2</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">ic_lock</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">ic_Like</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">ic_invite</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">ic_love</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">ic_member</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">ic_message3</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">ic_message</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">ic_enlarge</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">ic_Image and text sorting</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">ic_notes</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">ic_message2</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">ic_crown</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">ic_member1</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">ic_picture</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">ic_Money1</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">ic_money</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">ic_location5</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">ic_Refresh</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">ic_Reduce</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">ic_more</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">ic_navigation</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">ic_file</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">ic_return money</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">ic_right</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">ic_right2</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">ic_Picture arrangement</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">ic_sale</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">ic_Selected</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">ic_QR code</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">ic_Scan</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">ic_order</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">ic_search</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">ic_phone</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">ic_QR code1</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">ic_Money2</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">ic_shopping cart</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">ic_star</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">ic_star1</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">ic_sort</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">ic_set up1</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">ic_return goods</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">ic_store</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">ic_unselect</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">ic_up2</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">ic_send</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">ic_up</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">ic_tanhao</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">ic_shopping cart1</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">ic_staging</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">ic_user</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">ic_tip1</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">ic_user-3</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">ic_user-2</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">ic_video1</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">ic-complete</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">ic_wechat</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">ic_store-2</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">ic_share</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">ic_share1</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">ic_dowload</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">ic_picture</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d5;</span>
                <div class="name">241隐藏、不可见</div>
                <div class="code-name">&amp;#xe8d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">隐藏</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">打赏</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">打赏</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">打赏总额</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">不点赞；踩；差评</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">不点赞；踩；差评</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea69;</span>
                <div class="name">撤回07</div>
                <div class="code-name">&amp;#xea69;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">引用</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">批量多选</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">彩色-箭头-向右-1</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">美容美发_复制</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">宾馆酒店</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">超市便利店</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">宠物</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">酒店</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">美容美发</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">教育培训</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">健康养生</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">服装鞋帽</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">pub</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">旅游出行</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">珠宝首饰</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">function_ruku</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">休闲娱乐</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">nav_其他1</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">-综合保险</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">茶壶</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">学习培训</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">生活服务</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">健身运动</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">汽车服务</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">餐饮美食</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">甜品饮品-03</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">奖励</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">优惠奖励</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">收益</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">加 添加</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">加 添加</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">售后退款</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">售后</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">库存</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">钉子</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">钉子</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">购物车满</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">已完成</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">待评价</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">复制_line</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">黑夜模式</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">天气，太阳，，白天，起床</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">单选</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">复制 (1)</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1723195543116') format('woff2'),
       url('iconfont.woff?t=1723195543116') format('woff'),
       url('iconfont.ttf?t=1723195543116') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianbao"></span>
            <div class="name">
              电报2
            </div>
            <div class="code-name">.icon-dianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuite1"></span>
            <div class="name">
              推特1
            </div>
            <div class="code-name">.icon-tuite1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-didian"></span>
            <div class="name">
              地点
            </div>
            <div class="code-name">.icon-didian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youlunyouting"></span>
            <div class="name">
              邮轮游艇
            </div>
            <div class="code-name">.icon-youlunyouting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxiang"></span>
            <div class="name">
              符号-邮箱
            </div>
            <div class="code-name">.icon-youxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedianguanli"></span>
            <div class="name">
              节点管理
            </div>
            <div class="code-name">.icon-jiedianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swap"></span>
            <div class="name">
              swap
            </div>
            <div class="code-name">.icon-swap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiedian"></span>
            <div class="name">
              节点
            </div>
            <div class="code-name">.icon-jiedian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingsu"></span>
            <div class="name">
              竞速
            </div>
            <div class="code-name">.icon-jingsu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-linear-new-medic-health-heart-cardiogram"></span>
            <div class="name">
              linear-new-medic-health-heart-cardiogram
            </div>
            <div class="code-name">.icon-linear-new-medic-health-heart-cardiogram
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-linear-new-symbol-share"></span>
            <div class="name">
              linear-new-symbol-share
            </div>
            <div class="code-name">.icon-linear-new-symbol-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpufill"></span>
            <div class="name">
              店铺-fill
            </div>
            <div class="code-name">.icon-dianpufill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpu"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-dianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouqiajiluicon"></span>
            <div class="name">
              购卡记录icon
            </div>
            <div class="code-name">.icon-gouqiajiluicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpuzhuye"></span>
            <div class="name">
              店铺主页
            </div>
            <div class="code-name">.icon-dianpuzhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi3"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-fuzhi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpu1"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-dianpu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waibishibaizhongfa"></span>
            <div class="name">
              外币失败重发
            </div>
            <div class="code-name">.icon-waibishibaizhongfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-pay-order"></span>
            <div class="name">
              付款管理
            </div>
            <div class="code-name">.icon-icon-pay-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhixiangshang"></span>
            <div class="name">
              315指向上
            </div>
            <div class="code-name">.icon-zhixiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhixiangxia"></span>
            <div class="name">
              314指向下
            </div>
            <div class="code-name">.icon-zhixiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashangzonge1"></span>
            <div class="name">
              ZS打赏总额
            </div>
            <div class="code-name">.icon-dashangzonge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghuyue"></span>
            <div class="name">
              账户余额
            </div>
            <div class="code-name">.icon-zhanghuyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-virus_4"></span>
            <div class="name">
              virus_4
            </div>
            <div class="code-name">.icon-virus_4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituankehuguanli"></span>
            <div class="name">
              集团客户管理
            </div>
            <div class="code-name">.icon-jituankehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.icon-xiangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaoxing"></span>
            <div class="name">
              三角形
            </div>
            <div class="code-name">.icon-sanjiaoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxiaqiehuan"></span>
            <div class="name">
              上下切换
            </div>
            <div class="code-name">.icon-shangxiaqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxiaqiehuan1"></span>
            <div class="name">
              上下切换
            </div>
            <div class="code-name">.icon-shangxiaqiehuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao1"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoyuyan"></span>
            <div class="name">
              多语言
            </div>
            <div class="code-name">.icon-duoyuyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanxiangqinggengduo"></span>
            <div class="name">
              查看详情更多
            </div>
            <div class="code-name">.icon-chakanxiangqinggengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-dingwei2"></span>
            <div class="name">
              定位 2
            </div>
            <div class="code-name">.icon-a-dingwei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_kanjia"></span>
            <div class="name">
              ic_Bargaining
            </div>
            <div class="code-name">.icon-ic_kanjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou"></span>
            <div class="name">
              ic_arrow
            </div>
            <div class="code-name">.icon-jiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-huiyuandengji1"></span>
            <div class="name">
              ic_member
            </div>
            <div class="code-name">.icon-a-huiyuandengji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_discount"></span>
            <div class="name">
              ic_ discount
            </div>
            <div class="code-name">.icon-a-ic_discount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_badge"></span>
            <div class="name">
              ic_badge
            </div>
            <div class="code-name">.icon-ic_badge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_apple"></span>
            <div class="name">
              ic_apple
            </div>
            <div class="code-name">.icon-ic_apple
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_close"></span>
            <div class="name">
              ic_close
            </div>
            <div class="code-name">.icon-ic_close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_badge1-2"></span>
            <div class="name">
              ic_badge1-2
            </div>
            <div class="code-name">.icon-ic_badge1-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_camera"></span>
            <div class="name">
              ic_camera
            </div>
            <div class="code-name">.icon-ic_camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_clock"></span>
            <div class="name">
              ic_clock
            </div>
            <div class="code-name">.icon-ic_clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_badge1"></span>
            <div class="name">
              ic_badge1
            </div>
            <div class="code-name">.icon-ic_badge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_close-2"></span>
            <div class="name">
              ic_close-2
            </div>
            <div class="code-name">.icon-ic_close-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_CompleteSelect"></span>
            <div class="name">
              ic_Complete Select
            </div>
            <div class="code-name">.icon-a-ic_CompleteSelect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_complete"></span>
            <div class="name">
              ic_complete
            </div>
            <div class="code-name">.icon-ic_complete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_crown13"></span>
            <div class="name">
              ic_crown1 3
            </div>
            <div class="code-name">.icon-a-ic_crown13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_customerservice1"></span>
            <div class="name">
              ic_customer service1
            </div>
            <div class="code-name">.icon-a-ic_customerservice1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_box"></span>
            <div class="name">
              ic_box
            </div>
            <div class="code-name">.icon-ic_box
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_batch"></span>
            <div class="name">
              ic_batch
            </div>
            <div class="code-name">.icon-ic_batch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifahuo"></span>
            <div class="name">
              ic_daifahuo
            </div>
            <div class="code-name">.icon-ic_daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_coupon"></span>
            <div class="name">
              ic_coupon
            </div>
            <div class="code-name">.icon-ic_coupon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_customerservice"></span>
            <div class="name">
              ic_customer service
            </div>
            <div class="code-name">.icon-a-ic_customerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_copy"></span>
            <div class="name">
              ic_copy
            </div>
            <div class="code-name">.icon-ic_copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daipingji2"></span>
            <div class="name">
              ic_daipingji2
            </div>
            <div class="code-name">.icon-ic_daipingji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifukuan"></span>
            <div class="name">
              ic_daifukuan
            </div>
            <div class="code-name">.icon-ic_daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifukuan1"></span>
            <div class="name">
              ic_daifukuan1
            </div>
            <div class="code-name">.icon-ic_daifukuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifahuo1"></span>
            <div class="name">
              ic_daifahuo1
            </div>
            <div class="code-name">.icon-ic_daifahuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_collection"></span>
            <div class="name">
              ic_collection
            </div>
            <div class="code-name">.icon-ic_collection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daipingjia"></span>
            <div class="name">
              ic_daipingjia
            </div>
            <div class="code-name">.icon-ic_daipingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Disable"></span>
            <div class="name">
              ic_Disable
            </div>
            <div class="code-name">.icon-ic_Disable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daishouhuo2"></span>
            <div class="name">
              ic_daishouhuo2
            </div>
            <div class="code-name">.icon-ic_daishouhuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_commodity"></span>
            <div class="name">
              ic_commodity
            </div>
            <div class="code-name">.icon-ic_commodity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_down"></span>
            <div class="name">
              ic_down
            </div>
            <div class="code-name">.icon-ic_down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daituikuan2"></span>
            <div class="name">
              ic_daituikuan2
            </div>
            <div class="code-name">.icon-ic_daituikuan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifahuo2"></span>
            <div class="name">
              ic_daifahuo2
            </div>
            <div class="code-name">.icon-ic_daifahuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daituikuan"></span>
            <div class="name">
              ic_daituikuan
            </div>
            <div class="code-name">.icon-ic_daituikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daishouhuo1"></span>
            <div class="name">
              ic_daishouhuo1
            </div>
            <div class="code-name">.icon-ic_daishouhuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_edit"></span>
            <div class="name">
              ic_edit
            </div>
            <div class="code-name">.icon-ic_edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daifukuan2"></span>
            <div class="name">
              ic_daifukuan2
            </div>
            <div class="code-name">.icon-ic_daifukuan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Eyes"></span>
            <div class="name">
              ic_Eyes
            </div>
            <div class="code-name">.icon-ic_Eyes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_delete"></span>
            <div class="name">
              ic_delete
            </div>
            <div class="code-name">.icon-ic_delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daishouhuo"></span>
            <div class="name">
              ic_daishouhuo
            </div>
            <div class="code-name">.icon-ic_daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_down2"></span>
            <div class="name">
              ic_down2
            </div>
            <div class="code-name">.icon-ic_down2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_eye"></span>
            <div class="name">
              ic_eye
            </div>
            <div class="code-name">.icon-ic_eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_expression"></span>
            <div class="name">
              ic_expression
            </div>
            <div class="code-name">.icon-ic_expression
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_gold1"></span>
            <div class="name">
              ic_gold1
            </div>
            <div class="code-name">.icon-ic_gold1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_fire"></span>
            <div class="name">
              ic_fire
            </div>
            <div class="code-name">.icon-ic_fire
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_gift1"></span>
            <div class="name">
              ic_gift1
            </div>
            <div class="code-name">.icon-ic_gift1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_fire1"></span>
            <div class="name">
              ic_fire 1
            </div>
            <div class="code-name">.icon-a-ic_fire1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_increase"></span>
            <div class="name">
              ic_increase
            </div>
            <div class="code-name">.icon-ic_increase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_left"></span>
            <div class="name">
              ic_left
            </div>
            <div class="code-name">.icon-ic_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_ic_orderforgoods1"></span>
            <div class="name">
              ic_ic_order for goods1
            </div>
            <div class="code-name">.icon-a-ic_ic_orderforgoods1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_left2"></span>
            <div class="name">
              ic_left2
            </div>
            <div class="code-name">.icon-ic_left2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_horn"></span>
            <div class="name">
              ic_horn
            </div>
            <div class="code-name">.icon-ic_horn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_learn1"></span>
            <div class="name">
              ic_learn1
            </div>
            <div class="code-name">.icon-ic_learn1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daituikuan1"></span>
            <div class="name">
              ic_daituikuan1
            </div>
            <div class="code-name">.icon-ic_daituikuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_location1"></span>
            <div class="name">
              ic_location1
            </div>
            <div class="code-name">.icon-ic_location1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_location4"></span>
            <div class="name">
              ic_location4
            </div>
            <div class="code-name">.icon-ic_location4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_gold"></span>
            <div class="name">
              ic_gold
            </div>
            <div class="code-name">.icon-ic_gold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_daipingjia1"></span>
            <div class="name">
              ic_daipingjia1
            </div>
            <div class="code-name">.icon-ic_daipingjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_location4-2"></span>
            <div class="name">
              ic_location4-2
            </div>
            <div class="code-name">.icon-ic_location4-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_badge2"></span>
            <div class="name">
              ic_badge2
            </div>
            <div class="code-name">.icon-ic_badge2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_lock"></span>
            <div class="name">
              ic_lock
            </div>
            <div class="code-name">.icon-ic_lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Like"></span>
            <div class="name">
              ic_Like
            </div>
            <div class="code-name">.icon-ic_Like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_invite"></span>
            <div class="name">
              ic_invite
            </div>
            <div class="code-name">.icon-ic_invite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_love"></span>
            <div class="name">
              ic_love
            </div>
            <div class="code-name">.icon-ic_love
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_member"></span>
            <div class="name">
              ic_member
            </div>
            <div class="code-name">.icon-ic_member
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_message3"></span>
            <div class="name">
              ic_message3
            </div>
            <div class="code-name">.icon-ic_message3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_message"></span>
            <div class="name">
              ic_message
            </div>
            <div class="code-name">.icon-ic_message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_enlarge"></span>
            <div class="name">
              ic_enlarge
            </div>
            <div class="code-name">.icon-ic_enlarge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_Imageandtextsorting"></span>
            <div class="name">
              ic_Image and text sorting
            </div>
            <div class="code-name">.icon-a-ic_Imageandtextsorting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_notes"></span>
            <div class="name">
              ic_notes
            </div>
            <div class="code-name">.icon-ic_notes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_message2"></span>
            <div class="name">
              ic_message2
            </div>
            <div class="code-name">.icon-ic_message2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_crown"></span>
            <div class="name">
              ic_crown
            </div>
            <div class="code-name">.icon-ic_crown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_member1"></span>
            <div class="name">
              ic_member1
            </div>
            <div class="code-name">.icon-ic_member1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_picture"></span>
            <div class="name">
              ic_picture
            </div>
            <div class="code-name">.icon-ic_picture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Money1"></span>
            <div class="name">
              ic_Money1
            </div>
            <div class="code-name">.icon-ic_Money1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_money"></span>
            <div class="name">
              ic_money
            </div>
            <div class="code-name">.icon-ic_money
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_location5"></span>
            <div class="name">
              ic_location5
            </div>
            <div class="code-name">.icon-ic_location5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Refresh"></span>
            <div class="name">
              ic_Refresh
            </div>
            <div class="code-name">.icon-ic_Refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Reduce"></span>
            <div class="name">
              ic_Reduce
            </div>
            <div class="code-name">.icon-ic_Reduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_more"></span>
            <div class="name">
              ic_more
            </div>
            <div class="code-name">.icon-ic_more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_navigation"></span>
            <div class="name">
              ic_navigation
            </div>
            <div class="code-name">.icon-ic_navigation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_file"></span>
            <div class="name">
              ic_file
            </div>
            <div class="code-name">.icon-ic_file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_returnmoney"></span>
            <div class="name">
              ic_return money
            </div>
            <div class="code-name">.icon-a-ic_returnmoney
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_right"></span>
            <div class="name">
              ic_right
            </div>
            <div class="code-name">.icon-ic_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_right2"></span>
            <div class="name">
              ic_right2
            </div>
            <div class="code-name">.icon-ic_right2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_Picturearrangement"></span>
            <div class="name">
              ic_Picture arrangement
            </div>
            <div class="code-name">.icon-a-ic_Picturearrangement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_sale"></span>
            <div class="name">
              ic_sale
            </div>
            <div class="code-name">.icon-ic_sale
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Selected"></span>
            <div class="name">
              ic_Selected
            </div>
            <div class="code-name">.icon-ic_Selected
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_QRcode"></span>
            <div class="name">
              ic_QR code
            </div>
            <div class="code-name">.icon-a-ic_QRcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Scan"></span>
            <div class="name">
              ic_Scan
            </div>
            <div class="code-name">.icon-ic_Scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_order"></span>
            <div class="name">
              ic_order
            </div>
            <div class="code-name">.icon-ic_order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_search"></span>
            <div class="name">
              ic_search
            </div>
            <div class="code-name">.icon-ic_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_phone"></span>
            <div class="name">
              ic_phone
            </div>
            <div class="code-name">.icon-ic_phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_QRcode1"></span>
            <div class="name">
              ic_QR code1
            </div>
            <div class="code-name">.icon-a-ic_QRcode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_Money2"></span>
            <div class="name">
              ic_Money2
            </div>
            <div class="code-name">.icon-ic_Money2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_shoppingcart"></span>
            <div class="name">
              ic_shopping cart
            </div>
            <div class="code-name">.icon-a-ic_shoppingcart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_star"></span>
            <div class="name">
              ic_star
            </div>
            <div class="code-name">.icon-ic_star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_star1"></span>
            <div class="name">
              ic_star1
            </div>
            <div class="code-name">.icon-ic_star1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_sort"></span>
            <div class="name">
              ic_sort
            </div>
            <div class="code-name">.icon-ic_sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_setup1"></span>
            <div class="name">
              ic_set up1
            </div>
            <div class="code-name">.icon-a-ic_setup1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_returngoods"></span>
            <div class="name">
              ic_return goods
            </div>
            <div class="code-name">.icon-a-ic_returngoods
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_store"></span>
            <div class="name">
              ic_store
            </div>
            <div class="code-name">.icon-ic_store
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_unselect"></span>
            <div class="name">
              ic_unselect
            </div>
            <div class="code-name">.icon-ic_unselect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_up2"></span>
            <div class="name">
              ic_up2
            </div>
            <div class="code-name">.icon-ic_up2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_send"></span>
            <div class="name">
              ic_send
            </div>
            <div class="code-name">.icon-ic_send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_up"></span>
            <div class="name">
              ic_up
            </div>
            <div class="code-name">.icon-ic_up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_tanhao"></span>
            <div class="name">
              ic_tanhao
            </div>
            <div class="code-name">.icon-ic_tanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_shoppingcart1"></span>
            <div class="name">
              ic_shopping cart1
            </div>
            <div class="code-name">.icon-a-ic_shoppingcart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_staging"></span>
            <div class="name">
              ic_staging
            </div>
            <div class="code-name">.icon-ic_staging
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_user"></span>
            <div class="name">
              ic_user
            </div>
            <div class="code-name">.icon-ic_user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_tip1"></span>
            <div class="name">
              ic_tip1
            </div>
            <div class="code-name">.icon-ic_tip1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_user-3"></span>
            <div class="name">
              ic_user-3
            </div>
            <div class="code-name">.icon-ic_user-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_user-2"></span>
            <div class="name">
              ic_user-2
            </div>
            <div class="code-name">.icon-ic_user-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_video1"></span>
            <div class="name">
              ic_video1
            </div>
            <div class="code-name">.icon-ic_video1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic-complete"></span>
            <div class="name">
              ic-complete
            </div>
            <div class="code-name">.icon-ic-complete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_wechat"></span>
            <div class="name">
              ic_wechat
            </div>
            <div class="code-name">.icon-ic_wechat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_store-2"></span>
            <div class="name">
              ic_store-2
            </div>
            <div class="code-name">.icon-ic_store-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_fenxiang1"></span>
            <div class="name">
              ic_share
            </div>
            <div class="code-name">.icon-a-ic_fenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_share1"></span>
            <div class="name">
              ic_share1
            </div>
            <div class="code-name">.icon-ic_share1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ic_dowload"></span>
            <div class="name">
              ic_dowload
            </div>
            <div class="code-name">.icon-ic_dowload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ic_picture1"></span>
            <div class="name">
              ic_picture
            </div>
            <div class="code-name">.icon-a-ic_picture1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincangbukejian"></span>
            <div class="name">
              241隐藏、不可见
            </div>
            <div class="code-name">.icon-yincangbukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincang"></span>
            <div class="name">
              隐藏
            </div>
            <div class="code-name">.icon-yincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashang"></span>
            <div class="name">
              打赏
            </div>
            <div class="code-name">.icon-dashang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashang1"></span>
            <div class="name">
              打赏
            </div>
            <div class="code-name">.icon-dashang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo1"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashangzonge"></span>
            <div class="name">
              打赏总额
            </div>
            <div class="code-name">.icon-dashangzonge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan1"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun1"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-budianzan-xian"></span>
            <div class="name">
              不点赞；踩；差评
            </div>
            <div class="code-name">.icon-budianzan-xian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-budianzan-mian"></span>
            <div class="name">
              不点赞；踩；差评
            </div>
            <div class="code-name">.icon-budianzan-mian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chehui"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.icon-chehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chehui07"></span>
            <div class="name">
              撤回07
            </div>
            <div class="code-name">.icon-chehui07
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chehui1"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.icon-chehui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinyong"></span>
            <div class="name">
              引用
            </div>
            <div class="code-name">.icon-yinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi2"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-fuzhi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piliangduoxuan"></span>
            <div class="name">
              批量多选
            </div>
            <div class="code-name">.icon-piliangduoxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cs-jt-xy-1-1"></span>
            <div class="name">
              彩色-箭头-向右-1
            </div>
            <div class="code-name">.icon-cs-jt-xy-1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meirongmeifafuzhi"></span>
            <div class="name">
              美容美发_复制
            </div>
            <div class="code-name">.icon-meirongmeifafuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-binguanjiudian"></span>
            <div class="name">
              宾馆酒店
            </div>
            <div class="code-name">.icon-binguanjiudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaoshibianlidian"></span>
            <div class="name">
              超市便利店
            </div>
            <div class="code-name">.icon-chaoshibianlidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongwu"></span>
            <div class="name">
              宠物
            </div>
            <div class="code-name">.icon-chongwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiudian"></span>
            <div class="name">
              酒店
            </div>
            <div class="code-name">.icon-jiudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meirongmeifa"></span>
            <div class="name">
              美容美发
            </div>
            <div class="code-name">.icon-meirongmeifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyupeixun"></span>
            <div class="name">
              教育培训
            </div>
            <div class="code-name">.icon-jiaoyupeixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankangyangsheng"></span>
            <div class="name">
              健康养生
            </div>
            <div class="code-name">.icon-jiankangyangsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhuangxiemao"></span>
            <div class="name">
              服装鞋帽
            </div>
            <div class="code-name">.icon-fuzhuangxiemao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pub"></span>
            <div class="name">
              pub
            </div>
            <div class="code-name">.icon-pub
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lvyouchuhang"></span>
            <div class="name">
              旅游出行
            </div>
            <div class="code-name">.icon-lvyouchuhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhubaoshoushi"></span>
            <div class="name">
              珠宝首饰
            </div>
            <div class="code-name">.icon-zhubaoshoushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-function_ruku"></span>
            <div class="name">
              function_ruku
            </div>
            <div class="code-name">.icon-function_ruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiuxianyule"></span>
            <div class="name">
              休闲娱乐
            </div>
            <div class="code-name">.icon-xiuxianyule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav_qita"></span>
            <div class="name">
              nav_其他1
            </div>
            <div class="code-name">.icon-nav_qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon--zonghebaoxian"></span>
            <div class="name">
              -综合保险
            </div>
            <div class="code-name">.icon--zonghebaoxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chahu"></span>
            <div class="name">
              茶壶
            </div>
            <div class="code-name">.icon-chahu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexipeixun"></span>
            <div class="name">
              学习培训
            </div>
            <div class="code-name">.icon-xuexipeixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuofuwu"></span>
            <div class="name">
              生活服务
            </div>
            <div class="code-name">.icon-shenghuofuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianshenyundong"></span>
            <div class="name">
              健身运动
            </div>
            <div class="code-name">.icon-jianshenyundong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qichefuwu"></span>
            <div class="name">
              汽车服务
            </div>
            <div class="code-name">.icon-qichefuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-canyinmeishi"></span>
            <div class="name">
              餐饮美食
            </div>
            <div class="code-name">.icon-canyinmeishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianpinyinpin-03"></span>
            <div class="name">
              甜品饮品-03
            </div>
            <div class="code-name">.icon-tianpinyinpin-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiangli"></span>
            <div class="name">
              奖励
            </div>
            <div class="code-name">.icon-jiangli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhuijiangli"></span>
            <div class="name">
              优惠奖励
            </div>
            <div class="code-name">.icon-youhuijiangli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyi1"></span>
            <div class="name">
              收益
            </div>
            <div class="code-name">.icon-shouyi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatianjia"></span>
            <div class="name">
              加 添加
            </div>
            <div class="code-name">.icon-jiatianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatianjia1"></span>
            <div class="name">
              加 添加
            </div>
            <div class="code-name">.icon-jiatianjia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhoutuikuan"></span>
            <div class="name">
              售后退款
            </div>
            <div class="code-name">.icon-shouhoutuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhou"></span>
            <div class="name">
              售后
            </div>
            <div class="code-name">.icon-shouhou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kucun"></span>
            <div class="name">
              库存
            </div>
            <div class="code-name">.icon-kucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa1"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-zhuanfa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingzi"></span>
            <div class="name">
              钉子
            </div>
            <div class="code-name">.icon-dingzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingzi1"></span>
            <div class="name">
              钉子
            </div>
            <div class="code-name">.icon-dingzi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gouwucheman"></span>
            <div class="name">
              购物车满
            </div>
            <div class="code-name">.icon-gouwucheman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai66"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-ai66
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icon-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiwancheng"></span>
            <div class="name">
              已完成
            </div>
            <div class="code-name">.icon-yiwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daipingjia"></span>
            <div class="name">
              待评价
            </div>
            <div class="code-name">.icon-daipingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi1"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-fuzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi_line"></span>
            <div class="name">
              复制_line
            </div>
            <div class="code-name">.icon-fuzhi_line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heiyemoshi"></span>
            <div class="name">
              黑夜模式
            </div>
            <div class="code-name">.icon-heiyemoshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianqitaiyangqichuang"></span>
            <div class="name">
              天气，太阳，，白天，起床
            </div>
            <div class="code-name">.icon-tianqitaiyangqichuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconradio"></span>
            <div class="name">
              单选
            </div>
            <div class="code-name">.icon-iconradio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi"></span>
            <div class="name">
              复制 (1)
            </div>
            <div class="code-name">.icon-fuzhi
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianbao"></use>
                </svg>
                <div class="name">电报2</div>
                <div class="code-name">#icon-dianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuite1"></use>
                </svg>
                <div class="name">推特1</div>
                <div class="code-name">#icon-tuite1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-didian"></use>
                </svg>
                <div class="name">地点</div>
                <div class="code-name">#icon-didian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youlunyouting"></use>
                </svg>
                <div class="name">邮轮游艇</div>
                <div class="code-name">#icon-youlunyouting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxiang"></use>
                </svg>
                <div class="name">符号-邮箱</div>
                <div class="code-name">#icon-youxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedianguanli"></use>
                </svg>
                <div class="name">节点管理</div>
                <div class="code-name">#icon-jiedianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swap"></use>
                </svg>
                <div class="name">swap</div>
                <div class="code-name">#icon-swap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiedian"></use>
                </svg>
                <div class="name">节点</div>
                <div class="code-name">#icon-jiedian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingsu"></use>
                </svg>
                <div class="name">竞速</div>
                <div class="code-name">#icon-jingsu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linear-new-medic-health-heart-cardiogram"></use>
                </svg>
                <div class="name">linear-new-medic-health-heart-cardiogram</div>
                <div class="code-name">#icon-linear-new-medic-health-heart-cardiogram</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linear-new-symbol-share"></use>
                </svg>
                <div class="name">linear-new-symbol-share</div>
                <div class="code-name">#icon-linear-new-symbol-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpufill"></use>
                </svg>
                <div class="name">店铺-fill</div>
                <div class="code-name">#icon-dianpufill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpu"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-dianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouqiajiluicon"></use>
                </svg>
                <div class="name">购卡记录icon</div>
                <div class="code-name">#icon-gouqiajiluicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpuzhuye"></use>
                </svg>
                <div class="name">店铺主页</div>
                <div class="code-name">#icon-dianpuzhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi3"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-fuzhi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpu1"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-dianpu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waibishibaizhongfa"></use>
                </svg>
                <div class="name">外币失败重发</div>
                <div class="code-name">#icon-waibishibaizhongfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-pay-order"></use>
                </svg>
                <div class="name">付款管理</div>
                <div class="code-name">#icon-icon-pay-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhixiangshang"></use>
                </svg>
                <div class="name">315指向上</div>
                <div class="code-name">#icon-zhixiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhixiangxia"></use>
                </svg>
                <div class="name">314指向下</div>
                <div class="code-name">#icon-zhixiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashangzonge1"></use>
                </svg>
                <div class="name">ZS打赏总额</div>
                <div class="code-name">#icon-dashangzonge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghuyue"></use>
                </svg>
                <div class="name">账户余额</div>
                <div class="code-name">#icon-zhanghuyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-virus_4"></use>
                </svg>
                <div class="name">virus_4</div>
                <div class="code-name">#icon-virus_4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jituankehuguanli"></use>
                </svg>
                <div class="name">集团客户管理</div>
                <div class="code-name">#icon-jituankehuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#icon-xiangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaoxing"></use>
                </svg>
                <div class="name">三角形</div>
                <div class="code-name">#icon-sanjiaoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxiaqiehuan"></use>
                </svg>
                <div class="name">上下切换</div>
                <div class="code-name">#icon-shangxiaqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxiaqiehuan1"></use>
                </svg>
                <div class="name">上下切换</div>
                <div class="code-name">#icon-shangxiaqiehuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao1"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoyuyan"></use>
                </svg>
                <div class="name">多语言</div>
                <div class="code-name">#icon-duoyuyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakanxiangqinggengduo"></use>
                </svg>
                <div class="name">查看详情更多</div>
                <div class="code-name">#icon-chakanxiangqinggengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-dingwei2"></use>
                </svg>
                <div class="name">定位 2</div>
                <div class="code-name">#icon-a-dingwei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_kanjia"></use>
                </svg>
                <div class="name">ic_Bargaining</div>
                <div class="code-name">#icon-ic_kanjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou"></use>
                </svg>
                <div class="name">ic_arrow</div>
                <div class="code-name">#icon-jiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-huiyuandengji1"></use>
                </svg>
                <div class="name">ic_member</div>
                <div class="code-name">#icon-a-huiyuandengji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_discount"></use>
                </svg>
                <div class="name">ic_ discount</div>
                <div class="code-name">#icon-a-ic_discount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_badge"></use>
                </svg>
                <div class="name">ic_badge</div>
                <div class="code-name">#icon-ic_badge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_apple"></use>
                </svg>
                <div class="name">ic_apple</div>
                <div class="code-name">#icon-ic_apple</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_close"></use>
                </svg>
                <div class="name">ic_close</div>
                <div class="code-name">#icon-ic_close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_badge1-2"></use>
                </svg>
                <div class="name">ic_badge1-2</div>
                <div class="code-name">#icon-ic_badge1-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_camera"></use>
                </svg>
                <div class="name">ic_camera</div>
                <div class="code-name">#icon-ic_camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_clock"></use>
                </svg>
                <div class="name">ic_clock</div>
                <div class="code-name">#icon-ic_clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_badge1"></use>
                </svg>
                <div class="name">ic_badge1</div>
                <div class="code-name">#icon-ic_badge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_close-2"></use>
                </svg>
                <div class="name">ic_close-2</div>
                <div class="code-name">#icon-ic_close-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_CompleteSelect"></use>
                </svg>
                <div class="name">ic_Complete Select</div>
                <div class="code-name">#icon-a-ic_CompleteSelect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_complete"></use>
                </svg>
                <div class="name">ic_complete</div>
                <div class="code-name">#icon-ic_complete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_crown13"></use>
                </svg>
                <div class="name">ic_crown1 3</div>
                <div class="code-name">#icon-a-ic_crown13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_customerservice1"></use>
                </svg>
                <div class="name">ic_customer service1</div>
                <div class="code-name">#icon-a-ic_customerservice1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_box"></use>
                </svg>
                <div class="name">ic_box</div>
                <div class="code-name">#icon-ic_box</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_batch"></use>
                </svg>
                <div class="name">ic_batch</div>
                <div class="code-name">#icon-ic_batch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifahuo"></use>
                </svg>
                <div class="name">ic_daifahuo</div>
                <div class="code-name">#icon-ic_daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_coupon"></use>
                </svg>
                <div class="name">ic_coupon</div>
                <div class="code-name">#icon-ic_coupon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_customerservice"></use>
                </svg>
                <div class="name">ic_customer service</div>
                <div class="code-name">#icon-a-ic_customerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_copy"></use>
                </svg>
                <div class="name">ic_copy</div>
                <div class="code-name">#icon-ic_copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daipingji2"></use>
                </svg>
                <div class="name">ic_daipingji2</div>
                <div class="code-name">#icon-ic_daipingji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifukuan"></use>
                </svg>
                <div class="name">ic_daifukuan</div>
                <div class="code-name">#icon-ic_daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifukuan1"></use>
                </svg>
                <div class="name">ic_daifukuan1</div>
                <div class="code-name">#icon-ic_daifukuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifahuo1"></use>
                </svg>
                <div class="name">ic_daifahuo1</div>
                <div class="code-name">#icon-ic_daifahuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_collection"></use>
                </svg>
                <div class="name">ic_collection</div>
                <div class="code-name">#icon-ic_collection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daipingjia"></use>
                </svg>
                <div class="name">ic_daipingjia</div>
                <div class="code-name">#icon-ic_daipingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Disable"></use>
                </svg>
                <div class="name">ic_Disable</div>
                <div class="code-name">#icon-ic_Disable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daishouhuo2"></use>
                </svg>
                <div class="name">ic_daishouhuo2</div>
                <div class="code-name">#icon-ic_daishouhuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_commodity"></use>
                </svg>
                <div class="name">ic_commodity</div>
                <div class="code-name">#icon-ic_commodity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_down"></use>
                </svg>
                <div class="name">ic_down</div>
                <div class="code-name">#icon-ic_down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daituikuan2"></use>
                </svg>
                <div class="name">ic_daituikuan2</div>
                <div class="code-name">#icon-ic_daituikuan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifahuo2"></use>
                </svg>
                <div class="name">ic_daifahuo2</div>
                <div class="code-name">#icon-ic_daifahuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daituikuan"></use>
                </svg>
                <div class="name">ic_daituikuan</div>
                <div class="code-name">#icon-ic_daituikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daishouhuo1"></use>
                </svg>
                <div class="name">ic_daishouhuo1</div>
                <div class="code-name">#icon-ic_daishouhuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_edit"></use>
                </svg>
                <div class="name">ic_edit</div>
                <div class="code-name">#icon-ic_edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daifukuan2"></use>
                </svg>
                <div class="name">ic_daifukuan2</div>
                <div class="code-name">#icon-ic_daifukuan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Eyes"></use>
                </svg>
                <div class="name">ic_Eyes</div>
                <div class="code-name">#icon-ic_Eyes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_delete"></use>
                </svg>
                <div class="name">ic_delete</div>
                <div class="code-name">#icon-ic_delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daishouhuo"></use>
                </svg>
                <div class="name">ic_daishouhuo</div>
                <div class="code-name">#icon-ic_daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_down2"></use>
                </svg>
                <div class="name">ic_down2</div>
                <div class="code-name">#icon-ic_down2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_eye"></use>
                </svg>
                <div class="name">ic_eye</div>
                <div class="code-name">#icon-ic_eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_expression"></use>
                </svg>
                <div class="name">ic_expression</div>
                <div class="code-name">#icon-ic_expression</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_gold1"></use>
                </svg>
                <div class="name">ic_gold1</div>
                <div class="code-name">#icon-ic_gold1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_fire"></use>
                </svg>
                <div class="name">ic_fire</div>
                <div class="code-name">#icon-ic_fire</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_gift1"></use>
                </svg>
                <div class="name">ic_gift1</div>
                <div class="code-name">#icon-ic_gift1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_fire1"></use>
                </svg>
                <div class="name">ic_fire 1</div>
                <div class="code-name">#icon-a-ic_fire1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_increase"></use>
                </svg>
                <div class="name">ic_increase</div>
                <div class="code-name">#icon-ic_increase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_left"></use>
                </svg>
                <div class="name">ic_left</div>
                <div class="code-name">#icon-ic_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_ic_orderforgoods1"></use>
                </svg>
                <div class="name">ic_ic_order for goods1</div>
                <div class="code-name">#icon-a-ic_ic_orderforgoods1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_left2"></use>
                </svg>
                <div class="name">ic_left2</div>
                <div class="code-name">#icon-ic_left2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_horn"></use>
                </svg>
                <div class="name">ic_horn</div>
                <div class="code-name">#icon-ic_horn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_learn1"></use>
                </svg>
                <div class="name">ic_learn1</div>
                <div class="code-name">#icon-ic_learn1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daituikuan1"></use>
                </svg>
                <div class="name">ic_daituikuan1</div>
                <div class="code-name">#icon-ic_daituikuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_location1"></use>
                </svg>
                <div class="name">ic_location1</div>
                <div class="code-name">#icon-ic_location1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_location4"></use>
                </svg>
                <div class="name">ic_location4</div>
                <div class="code-name">#icon-ic_location4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_gold"></use>
                </svg>
                <div class="name">ic_gold</div>
                <div class="code-name">#icon-ic_gold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_daipingjia1"></use>
                </svg>
                <div class="name">ic_daipingjia1</div>
                <div class="code-name">#icon-ic_daipingjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_location4-2"></use>
                </svg>
                <div class="name">ic_location4-2</div>
                <div class="code-name">#icon-ic_location4-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_badge2"></use>
                </svg>
                <div class="name">ic_badge2</div>
                <div class="code-name">#icon-ic_badge2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_lock"></use>
                </svg>
                <div class="name">ic_lock</div>
                <div class="code-name">#icon-ic_lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Like"></use>
                </svg>
                <div class="name">ic_Like</div>
                <div class="code-name">#icon-ic_Like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_invite"></use>
                </svg>
                <div class="name">ic_invite</div>
                <div class="code-name">#icon-ic_invite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_love"></use>
                </svg>
                <div class="name">ic_love</div>
                <div class="code-name">#icon-ic_love</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_member"></use>
                </svg>
                <div class="name">ic_member</div>
                <div class="code-name">#icon-ic_member</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_message3"></use>
                </svg>
                <div class="name">ic_message3</div>
                <div class="code-name">#icon-ic_message3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_message"></use>
                </svg>
                <div class="name">ic_message</div>
                <div class="code-name">#icon-ic_message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_enlarge"></use>
                </svg>
                <div class="name">ic_enlarge</div>
                <div class="code-name">#icon-ic_enlarge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_Imageandtextsorting"></use>
                </svg>
                <div class="name">ic_Image and text sorting</div>
                <div class="code-name">#icon-a-ic_Imageandtextsorting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_notes"></use>
                </svg>
                <div class="name">ic_notes</div>
                <div class="code-name">#icon-ic_notes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_message2"></use>
                </svg>
                <div class="name">ic_message2</div>
                <div class="code-name">#icon-ic_message2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_crown"></use>
                </svg>
                <div class="name">ic_crown</div>
                <div class="code-name">#icon-ic_crown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_member1"></use>
                </svg>
                <div class="name">ic_member1</div>
                <div class="code-name">#icon-ic_member1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_picture"></use>
                </svg>
                <div class="name">ic_picture</div>
                <div class="code-name">#icon-ic_picture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Money1"></use>
                </svg>
                <div class="name">ic_Money1</div>
                <div class="code-name">#icon-ic_Money1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_money"></use>
                </svg>
                <div class="name">ic_money</div>
                <div class="code-name">#icon-ic_money</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_location5"></use>
                </svg>
                <div class="name">ic_location5</div>
                <div class="code-name">#icon-ic_location5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Refresh"></use>
                </svg>
                <div class="name">ic_Refresh</div>
                <div class="code-name">#icon-ic_Refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Reduce"></use>
                </svg>
                <div class="name">ic_Reduce</div>
                <div class="code-name">#icon-ic_Reduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_more"></use>
                </svg>
                <div class="name">ic_more</div>
                <div class="code-name">#icon-ic_more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_navigation"></use>
                </svg>
                <div class="name">ic_navigation</div>
                <div class="code-name">#icon-ic_navigation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_file"></use>
                </svg>
                <div class="name">ic_file</div>
                <div class="code-name">#icon-ic_file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_returnmoney"></use>
                </svg>
                <div class="name">ic_return money</div>
                <div class="code-name">#icon-a-ic_returnmoney</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_right"></use>
                </svg>
                <div class="name">ic_right</div>
                <div class="code-name">#icon-ic_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_right2"></use>
                </svg>
                <div class="name">ic_right2</div>
                <div class="code-name">#icon-ic_right2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_Picturearrangement"></use>
                </svg>
                <div class="name">ic_Picture arrangement</div>
                <div class="code-name">#icon-a-ic_Picturearrangement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_sale"></use>
                </svg>
                <div class="name">ic_sale</div>
                <div class="code-name">#icon-ic_sale</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Selected"></use>
                </svg>
                <div class="name">ic_Selected</div>
                <div class="code-name">#icon-ic_Selected</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_QRcode"></use>
                </svg>
                <div class="name">ic_QR code</div>
                <div class="code-name">#icon-a-ic_QRcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Scan"></use>
                </svg>
                <div class="name">ic_Scan</div>
                <div class="code-name">#icon-ic_Scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_order"></use>
                </svg>
                <div class="name">ic_order</div>
                <div class="code-name">#icon-ic_order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_search"></use>
                </svg>
                <div class="name">ic_search</div>
                <div class="code-name">#icon-ic_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_phone"></use>
                </svg>
                <div class="name">ic_phone</div>
                <div class="code-name">#icon-ic_phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_QRcode1"></use>
                </svg>
                <div class="name">ic_QR code1</div>
                <div class="code-name">#icon-a-ic_QRcode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_Money2"></use>
                </svg>
                <div class="name">ic_Money2</div>
                <div class="code-name">#icon-ic_Money2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_shoppingcart"></use>
                </svg>
                <div class="name">ic_shopping cart</div>
                <div class="code-name">#icon-a-ic_shoppingcart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_star"></use>
                </svg>
                <div class="name">ic_star</div>
                <div class="code-name">#icon-ic_star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_star1"></use>
                </svg>
                <div class="name">ic_star1</div>
                <div class="code-name">#icon-ic_star1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_sort"></use>
                </svg>
                <div class="name">ic_sort</div>
                <div class="code-name">#icon-ic_sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_setup1"></use>
                </svg>
                <div class="name">ic_set up1</div>
                <div class="code-name">#icon-a-ic_setup1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_returngoods"></use>
                </svg>
                <div class="name">ic_return goods</div>
                <div class="code-name">#icon-a-ic_returngoods</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_store"></use>
                </svg>
                <div class="name">ic_store</div>
                <div class="code-name">#icon-ic_store</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_unselect"></use>
                </svg>
                <div class="name">ic_unselect</div>
                <div class="code-name">#icon-ic_unselect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_up2"></use>
                </svg>
                <div class="name">ic_up2</div>
                <div class="code-name">#icon-ic_up2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_send"></use>
                </svg>
                <div class="name">ic_send</div>
                <div class="code-name">#icon-ic_send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_up"></use>
                </svg>
                <div class="name">ic_up</div>
                <div class="code-name">#icon-ic_up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_tanhao"></use>
                </svg>
                <div class="name">ic_tanhao</div>
                <div class="code-name">#icon-ic_tanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_shoppingcart1"></use>
                </svg>
                <div class="name">ic_shopping cart1</div>
                <div class="code-name">#icon-a-ic_shoppingcart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_staging"></use>
                </svg>
                <div class="name">ic_staging</div>
                <div class="code-name">#icon-ic_staging</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_user"></use>
                </svg>
                <div class="name">ic_user</div>
                <div class="code-name">#icon-ic_user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_tip1"></use>
                </svg>
                <div class="name">ic_tip1</div>
                <div class="code-name">#icon-ic_tip1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_user-3"></use>
                </svg>
                <div class="name">ic_user-3</div>
                <div class="code-name">#icon-ic_user-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_user-2"></use>
                </svg>
                <div class="name">ic_user-2</div>
                <div class="code-name">#icon-ic_user-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_video1"></use>
                </svg>
                <div class="name">ic_video1</div>
                <div class="code-name">#icon-ic_video1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic-complete"></use>
                </svg>
                <div class="name">ic-complete</div>
                <div class="code-name">#icon-ic-complete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_wechat"></use>
                </svg>
                <div class="name">ic_wechat</div>
                <div class="code-name">#icon-ic_wechat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_store-2"></use>
                </svg>
                <div class="name">ic_store-2</div>
                <div class="code-name">#icon-ic_store-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_fenxiang1"></use>
                </svg>
                <div class="name">ic_share</div>
                <div class="code-name">#icon-a-ic_fenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_share1"></use>
                </svg>
                <div class="name">ic_share1</div>
                <div class="code-name">#icon-ic_share1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_dowload"></use>
                </svg>
                <div class="name">ic_dowload</div>
                <div class="code-name">#icon-ic_dowload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ic_picture1"></use>
                </svg>
                <div class="name">ic_picture</div>
                <div class="code-name">#icon-a-ic_picture1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincangbukejian"></use>
                </svg>
                <div class="name">241隐藏、不可见</div>
                <div class="code-name">#icon-yincangbukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincang"></use>
                </svg>
                <div class="name">隐藏</div>
                <div class="code-name">#icon-yincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashang"></use>
                </svg>
                <div class="name">打赏</div>
                <div class="code-name">#icon-dashang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashang1"></use>
                </svg>
                <div class="name">打赏</div>
                <div class="code-name">#icon-dashang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo1"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashangzonge"></use>
                </svg>
                <div class="name">打赏总额</div>
                <div class="code-name">#icon-dashangzonge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan1"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun1"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-budianzan-xian"></use>
                </svg>
                <div class="name">不点赞；踩；差评</div>
                <div class="code-name">#icon-budianzan-xian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-budianzan-mian"></use>
                </svg>
                <div class="name">不点赞；踩；差评</div>
                <div class="code-name">#icon-budianzan-mian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chehui"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#icon-chehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chehui07"></use>
                </svg>
                <div class="name">撤回07</div>
                <div class="code-name">#icon-chehui07</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chehui1"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#icon-chehui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinyong"></use>
                </svg>
                <div class="name">引用</div>
                <div class="code-name">#icon-yinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi2"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-fuzhi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piliangduoxuan"></use>
                </svg>
                <div class="name">批量多选</div>
                <div class="code-name">#icon-piliangduoxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cs-jt-xy-1-1"></use>
                </svg>
                <div class="name">彩色-箭头-向右-1</div>
                <div class="code-name">#icon-cs-jt-xy-1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meirongmeifafuzhi"></use>
                </svg>
                <div class="name">美容美发_复制</div>
                <div class="code-name">#icon-meirongmeifafuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-binguanjiudian"></use>
                </svg>
                <div class="name">宾馆酒店</div>
                <div class="code-name">#icon-binguanjiudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaoshibianlidian"></use>
                </svg>
                <div class="name">超市便利店</div>
                <div class="code-name">#icon-chaoshibianlidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongwu"></use>
                </svg>
                <div class="name">宠物</div>
                <div class="code-name">#icon-chongwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiudian"></use>
                </svg>
                <div class="name">酒店</div>
                <div class="code-name">#icon-jiudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meirongmeifa"></use>
                </svg>
                <div class="name">美容美发</div>
                <div class="code-name">#icon-meirongmeifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyupeixun"></use>
                </svg>
                <div class="name">教育培训</div>
                <div class="code-name">#icon-jiaoyupeixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankangyangsheng"></use>
                </svg>
                <div class="name">健康养生</div>
                <div class="code-name">#icon-jiankangyangsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhuangxiemao"></use>
                </svg>
                <div class="name">服装鞋帽</div>
                <div class="code-name">#icon-fuzhuangxiemao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pub"></use>
                </svg>
                <div class="name">pub</div>
                <div class="code-name">#icon-pub</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvyouchuhang"></use>
                </svg>
                <div class="name">旅游出行</div>
                <div class="code-name">#icon-lvyouchuhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhubaoshoushi"></use>
                </svg>
                <div class="name">珠宝首饰</div>
                <div class="code-name">#icon-zhubaoshoushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-function_ruku"></use>
                </svg>
                <div class="name">function_ruku</div>
                <div class="code-name">#icon-function_ruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiuxianyule"></use>
                </svg>
                <div class="name">休闲娱乐</div>
                <div class="code-name">#icon-xiuxianyule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav_qita"></use>
                </svg>
                <div class="name">nav_其他1</div>
                <div class="code-name">#icon-nav_qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon--zonghebaoxian"></use>
                </svg>
                <div class="name">-综合保险</div>
                <div class="code-name">#icon--zonghebaoxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chahu"></use>
                </svg>
                <div class="name">茶壶</div>
                <div class="code-name">#icon-chahu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexipeixun"></use>
                </svg>
                <div class="name">学习培训</div>
                <div class="code-name">#icon-xuexipeixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuofuwu"></use>
                </svg>
                <div class="name">生活服务</div>
                <div class="code-name">#icon-shenghuofuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianshenyundong"></use>
                </svg>
                <div class="name">健身运动</div>
                <div class="code-name">#icon-jianshenyundong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qichefuwu"></use>
                </svg>
                <div class="name">汽车服务</div>
                <div class="code-name">#icon-qichefuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-canyinmeishi"></use>
                </svg>
                <div class="name">餐饮美食</div>
                <div class="code-name">#icon-canyinmeishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianpinyinpin-03"></use>
                </svg>
                <div class="name">甜品饮品-03</div>
                <div class="code-name">#icon-tianpinyinpin-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiangli"></use>
                </svg>
                <div class="name">奖励</div>
                <div class="code-name">#icon-jiangli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhuijiangli"></use>
                </svg>
                <div class="name">优惠奖励</div>
                <div class="code-name">#icon-youhuijiangli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyi1"></use>
                </svg>
                <div class="name">收益</div>
                <div class="code-name">#icon-shouyi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatianjia"></use>
                </svg>
                <div class="name">加 添加</div>
                <div class="code-name">#icon-jiatianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatianjia1"></use>
                </svg>
                <div class="name">加 添加</div>
                <div class="code-name">#icon-jiatianjia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhoutuikuan"></use>
                </svg>
                <div class="name">售后退款</div>
                <div class="code-name">#icon-shouhoutuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhou"></use>
                </svg>
                <div class="name">售后</div>
                <div class="code-name">#icon-shouhou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kucun"></use>
                </svg>
                <div class="name">库存</div>
                <div class="code-name">#icon-kucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa1"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-zhuanfa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingzi"></use>
                </svg>
                <div class="name">钉子</div>
                <div class="code-name">#icon-dingzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingzi1"></use>
                </svg>
                <div class="name">钉子</div>
                <div class="code-name">#icon-dingzi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwucheman"></use>
                </svg>
                <div class="name">购物车满</div>
                <div class="code-name">#icon-gouwucheman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai66"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-ai66</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icon-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiwancheng"></use>
                </svg>
                <div class="name">已完成</div>
                <div class="code-name">#icon-yiwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daipingjia"></use>
                </svg>
                <div class="name">待评价</div>
                <div class="code-name">#icon-daipingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi1"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-fuzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi_line"></use>
                </svg>
                <div class="name">复制_line</div>
                <div class="code-name">#icon-fuzhi_line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heiyemoshi"></use>
                </svg>
                <div class="name">黑夜模式</div>
                <div class="code-name">#icon-heiyemoshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianqitaiyangqichuang"></use>
                </svg>
                <div class="name">天气，太阳，，白天，起床</div>
                <div class="code-name">#icon-tianqitaiyangqichuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconradio"></use>
                </svg>
                <div class="name">单选</div>
                <div class="code-name">#icon-iconradio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi"></use>
                </svg>
                <div class="name">复制 (1)</div>
                <div class="code-name">#icon-fuzhi</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
